page {
	background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
	height: 100%;
}
.icon {
		color:#ffffff;
	}
.header{
	width: 100%;
	padding: 0 30upx;
	height: 88upx;
	display: flex;
	align-items: center;
	color: #232323;
	font-size: 28upx;
}
.logo {
	width: 100%;
	height: 45vw;
	display: flex;
	justify-content: center;
	align-items: center;
	.img {
		width: 25%;
		height: 25vw;

		image {
			width: 100%;
			border-radius: 100%;
		}
	}
}

.form {
	width: 100%;
	padding: 92upx 40upx 0;
	font-size: 32upx;
	.password,
	.code {
		width: 100%;
		height: 90upx;
		display: flex;
		align-items: center;
		border-radius: 45upx;
		background-color: rgba($color: #E1E4E5, $alpha: 0.1);
		border: 2upx solid #E1E4E5;
		padding: 0 30upx;
		margin-bottom: 26upx;
		input {
			width: 100%;
			height: 50upx;
			color: rgba($color: #232323, $alpha: 0.8);
			font-weight: 200;
		}
		.pwd{
			
			width: 50upx;
			height: 30upx;
			display: flex;
			align-items: center;
			image{
				width: 100%;
			}
		}
	}
	.b03{
		width: 100%;
		height: 30upx;
		display: flex;
		justify-content: center;
		align-items: center;
		// color: #40b4ff;
		color: rgba($color: #232323, $alpha: 0.8);
		margin-top: 40upx;
		font-size: 24upx;
	}
	.b04{
		width: 100%;
		height: 30upx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: rgba($color: #232323, $alpha: 0.8);
		font-size: 24upx;
		color: #FFBC21;
		margin-top: 20upx;
		
	}
	.btn {
		width: 100%;
		height: 90upx;
		margin-top: 92upx;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 45upx;
		background-color: #FFBC21;
		color: #232323;
		font-size: 40upx;
	}	
}
.re {
		// .username{
		// 	position: relative;
		// 	.get-code{
		// 		position: absolute;
		// 		height: 90upx;
		// 		display: flex;
		// 		align-items: center;
		// 		justify-content: center;
		// 		right: 0;
		// 		padding: 0 40upx;
		// 		z-index: 3;
		// 		&:after {
		// 			content: " ";
		// 			width: 1upx;
		// 			height: 50upx;
		// 			background-color: #fff;
		// 			position: absolute;
		// 			z-index: 3;
		// 			margin-right: 100%;
		// 			left: 0;
		// 			top: 20upx;
		// 		}
		// 	}
		// }
		.res {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100upx;
			color: rgba($color: #ffffff, $alpha: 0.8);
		}
	}
